<template>
  <div>
    <van-swipe
      class="my-swipe"
      :autoplay="0"
      indicator-color="black"
      height="220"
    >
      <van-swipe-item
        v-for="(image, index) in images"
        :key="index"
        :autoplay="3000"
      >
        <van-image lazy-load :src="image" fit="contain" />
      </van-swipe-item>
    </van-swipe>
    <!-- <img src="@/assets/img/job.png" alt="" /> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      images: [
        require("@/assets/img/job.png"),
        require("@/assets/img/job.png"),
        require("@/assets/img/job.png"),
        // "https://img01.yzcdn.cn/vant/apple-2.jpg",
      ],
    };
  },
  created() {},
  methods: {},
};
</script>

<style lang='less' scoped>
.my-swipe .van-swipe-item {
  // color: #fff;
  // font-size: 20px;
  // line-height: 150px;
  // text-align: center;
  // background-color: #39a9ed;
}
.van-image {
  background: #f1f1f1;
  height: 100%;
}
</style>
